<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="Unilearn.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function toggle(id){
    ul = "ul_" + id;
    img = "img_" + id;
    ulElement = document.getElementById(ul);
    imgElement = document.getElementById(img);
    if (ulElement){
            if (ulElement.className == 'closed'){
                    ulElement.className = "open";
                    imgElement.src = "opened.gif";
                    }else{
                    ulElement.className = "closed";
                    imgElement.src = "closed.gif";
                    }
            }
    }
function popupMenu(){
	popupWindow = window.open(
		'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
function feedback()
{
    window.open("feedback.htm",this,'width=650,height=600,scrollbars=yes,status=yes');

}
function browse(form,file){
	allowSubmit = false;
	if (!file) return;
	else allowSubmit = true;
		if (allowSubmit) form.submit();
		else
			alert("Please only upload files that end in types");
}
function display(){
    document.middleDiv = eval('document.getElementById("midle")');
    document.middleDiv.style.visibility = "visible";
    document.statusDiv = eval('document.getElementById("status")');
    document.statusDiv.style.visibility = "hidden";
}
function display2(){
    document.middleDiv = eval('document.getElementById("midle")');
    document.middleDiv.style.visibility = "hidden";
    document.statusDiv = eval('document.getElementById("status")');
    document.statusDiv.style.visibility = "visible";
}
function OpenPopup () {
window.open("confirmation.htm",this,
'width=650,height=300,scrollbars=yes,status=yes');
}
</script>

</head>
<body>


<div id="container">
  <div id="row">

  	<div id="left">
  		<h2>Name: Jackie Chan</h2>
  		<ul class="open">
		       <li id="item1"><a  onclick="toggle('item1');"><img src="closed.gif" alt="" id="img_item1" border="0"></a>Submit Assignment
                  <ul id="ul_item1" class="closed">
                          <li id="item1_1"><a  onclick="toggle('item1_1');"><img src="closed.gif" alt="" id="img_item1_1" border="0"></a>HIT8098
						  		<ul id="ul_item1_1"class="close"><a onclick= "display()">Assignment 3</a> </ul>
						  </li>
                          <!--<li id="item1_2">HIT234</li>-->
                  </ul>
               </li>

               <li id="item2"><a  onclick="display2()"><img src="closed.gif" alt="" id="img_item2" border="0"></a>View Assignment Status
    		   </li>

		</ul>
		 <input class="inputSubmit" name="btCancel" type="submit" id="btCancel" value="LogOut" OnClick="window.location='student_login.html'" />

  	</div>



	<div id="right">

		<div align="center" id="status" style="position:relative; visibility:hidden;">
			<h1>Status Assignments</h1>
			<table class=tableHead>
				<tr class="border">
				   <td> &nbsp; Assignment &nbsp; </td>
				   <td> &nbsp; Status &nbsp; </td>
				</tr>
				<tr>
				   <td class="detail"> &nbsp; Agile Hurdle &nbsp; </td>
				   <td class="detail"><a href="#feedback.htm" onclick="feedback()">70/100</a></td>
				</tr>
				<tr>
				   <td class="detail"> &nbsp; Agile Testing &nbsp; </td>
				   <td class="detail"> &nbsp; Not Marked &nbsp; </td>
				</tr>
			</table>
		</div>



		<div id="midle" style="visibility:hidden;">
			<h1>Assignment Submission</h1>
		<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
			<table width="621" border="0">
 				 <tr>
   						 <td width="675">Assignment Title:
      							<input name="txfTitle" type="text" id="txfTitle" size="50" value="Assignment3" /></td>
   				 </tr>
  				<tr>
				  <td>Assignment File :
				    <input name="fileUpload" type="file" id="fileUpload" size="70" /></td>
    			</tr>
  				<tr>    					<td>
							<table width="606" border="0">
  								<tr>
    								<td width="133">Submit Date:</td>
    								<td width="164">26-Apr-2010</td>
   					 				<td width="147">Assignment due date:</td>
    								<td width="144">26-Apr-2010</td>
  								</tr>
							</table>
						</td>
    			</tr>
  				<tr>
    					<td>Late submit penalty: </td>
    			</tr>
  				<tr>
    					<td>
							<table width="603" border="0">
      							<tr>
       								 <td width="64" align="left" valign="top">Comment:</td>
        								<td width="523"><textarea name="textarea" cols="85"></textarea></td>
      							</tr>
    						</table>
						</td>
			  </tr>
  						<tr>
    						<td><table width="398" border="0">
      								<tr>
        								<td width="158">Confirm ID:</td>
        								<td width="230"><input name="textfield" type="text" size="35" /></td>
      								</tr>
      								<tr>
        								<td>Confirm Password: </td>
        								<td><input name="textfield" type="text" size="35" /></td>
							  </tr>
    						</table></td>
			  </tr>
  							<tr>
    							<td>
    							<table width="612" border="0">
      									<tr>
       				 						<td width="490"><div align="right">
          											<input class="inputSubmit" name="btSubmit" type="submit" id="btSubmit" value="Submit" onclick="window.open('confirmation.htm')" />
        									</div></td>
        									<td width="106"><div align="center">
          											<input class="inputSubmit" name="btCancel" type="submit" id="btCancel" value="Cancel" />
        									</div></td>
     					 				</tr>
    							</table></td>
    						</tr>

		  </table>

</form>
		</div>



	</div>



	</div>
</div>

</body>


</html>
